<template>
  <div>
    <div class="post-detail">
      <h3>{{ $route.query.title }}</h3>
      <p>作者：{{ $route.query.author || "不明" }}</p>
      <p>发布时间：{{ $route.query.date || "不详"}}</p>
      <hr />
      <p>{{ $route.query.content }}</p>
    </div>
  </div>
</template>

<script>
</script>

<style scoped>
    .post-detail {
          padding: 20px;
          border: 1px solid #ccc;
          border-radius: 5px;
          background-color: #f9f9f9;
          }
    h3 {
          margin: 0;
          font-size: 1.5em;
       }
</style>
